<template>
    <div>
         
        <div style="height: 30px; line-height: 30px;padding-left: 20px;">
              <h1>短信模版新增</h1>
        </div> 
        
         <div>
            <ui-form :model="modifyForm" :rules="rules" ref="modifyForm" label-width="130px">
                    <ui-row type="flex" class="row-bg" justify="center">
                        <ui-col :span="12">
                            <ui-form-item label="模版编号：">
                            <span>{{modifyForm.paramNo }}</span>
                            </ui-form-item>
                        </ui-col>
                    </ui-row>
                    <ui-row type="flex" class="row-bg" justify="center">
                        <ui-col :span="12">
                            <ui-form-item label="模版类型：" prop="paramName">
                                <ui-select>
                                    <ui-option>1</ui-option>
                                    <ui-option>1</ui-option>
                                </ui-select>
                            </ui-form-item>
                        </ui-col>
                    </ui-row>
                    <ui-row type="flex" class="row-bg" justify="center">
                        <ui-col :span="12">
                            <ui-form-item label="模版概述：" prop="paramcontet">
                            <ui-input v-model="modifyForm.paramcontet" placeholder="请输入内容"></ui-input>
                            </ui-form-item>
                        </ui-col>
                    </ui-row>
                    <ui-row type="flex" class="row-bg" justify="center">
                        <ui-col :span="12">
                            <ui-form-item label="短信参数说明："  prop="paramcontet">
                              <div>
                                  <span style="width: ;"> 尊敬的</span>
                                  <span> 亲爱的</span>
                                  <span> 客户名称</span>
                                  <span> 先生/女士</span>
                                  <span> 发送人姓名</span>
                                  <span> 机构名称</span>
                                  <span> 金额</span>
                                  <span> 网址链接</span>
                                  <span> 客户经理</span>
                                  <span> 渠道类型</span>
                                  <span> 奖励名称</span>


                              </div>
                            </ui-form-item>
                        </ui-col>
                    </ui-row>
                    <ui-row type="flex" class="row-bg" justify="center">
                        <ui-col :span="12">
                            <ui-form-item label="短信开头：" prop="paramdetails">
                            <ui-input type="textarea" placeholder="请输入内容" v-model="modifyForm.paramdetails"  > </ui-input>
                            </ui-form-item>
                        </ui-col>
                    </ui-row>

                    <ui-row type="flex" class="row-bg" justify="center">
                        <ui-col :span="12">
                            <ui-form-item label="参数说明：" prop="paramdetails">
                            <ui-input type="textarea" placeholder="请输入内容" v-model="modifyForm.paramdetails" maxlength="100" show-word-limit> </ui-input>
                            </ui-form-item>
                        </ui-col>
                    </ui-row>
                    <div style="text-align: center;">
                        <ui-button>返回</ui-button>
                        <ui-button>下一步</ui-button>
                    </div>
                </ui-form>
         </div>

    </div>

</template>
<script>
export default{
    data(){
        return{
            modifyForm:{}
        } 
    }
}
</script>